<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>花生园</title> 
<meta name="keywords" content="Watson Blog" />
<meta name="description" content="watson's GAE(Google's Application Engine) based blog." />
<link href="/css/style.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript" src="/js/ajax.js"></script>
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.8.0r4/build/menu/assets/skins/sam/menu.css" />
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.8.0r4/build/button/assets/skins/sam/button.css" />
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.8.0r4/build/fonts/fonts-min.css" />
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.8.0r4/build/container/assets/skins/sam/container.css" />
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.8.0r4/build/editor/assets/skins/sam/editor.css" />
<script type="text/javascript" src="http://yui.yahooapis.com/2.8.0r4/build/yahoo-dom-event/yahoo-dom-event.js"></script>
<script type="text/javascript" src="http://yui.yahooapis.com/2.8.0r4/build/element/element-min.js"></script>
<script type="text/javascript" src="http://yui.yahooapis.com/2.8.0r4/build/container/container-min.js"></script>
<script type="text/javascript" src="http://yui.yahooapis.com/2.8.0r4/build/menu/menu-min.js"></script>
<script type="text/javascript" src="http://yui.yahooapis.com/2.8.0r4/build/button/button-min.js"></script>
<script type="text/javascript" src="http://yui.yahooapis.com/2.8.0r4/build/editor/editor-min.js"></script>
</head>
<body>
<div id="header">
<div id="logo">
  <h1>花生园</h1>
  <h2><a href="http://watson-blog.appspot.com">http://watson-blog.appspot.com</a></h2>
</div>
<div id="menu"> 
  <ul>
    {% ifequal curr_page "Home" %}
    <li class="selected">
    {% else %}
    <li>
    {% endifequal %}
    <a href="/home" title="">Home</a></li>
    {% ifequal curr_page "Post" %}
    <li class="selected">
    {% else %}
    <li>
    {% endifequal %}
    <a href="/post" title="">Post</a></li>
    {% ifequal curr_page "Picture" %}
    <li class="selected">
    {% else %}
    <li>
    {% endifequal %}
    <a href="/picture" title="">Picture</a></li>
    {% ifequal curr_page "Music" %}
    <li class="selected">
    {% else %}
    <li>
    {% endifequal %}
    <a href="/music" title="">Music</a></li>
    {% ifequal curr_page "Profile" %}
    <li class="selected">
    {% else %}
    <li>
    {% endifequal %}
    <a href="/profile" title="">Profile</a></li>            
    {% ifequal curr_page "RSS" %}
    <li class="selected">
    {% else %}
    <li>
    {% endifequal %}
    <a href="/rss" title="">RSS</a></li>            
  </ul>
  <div id="search">
    <form method="get" action="">
      <fieldset>
      <input id="s" type="text" name="s" value="" />
      <input id="x" type="submit" value="GO" />
      </fieldset>
    </form>
  </div>
</div>
</div><hr />